<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="../layout/helper/index.css">
    <link rel="stylesheet" href="index.css">
</head>

<body >
    <!-- 头部开始 -->
    <div class="head-container" >
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="../specialty/index.html" target="_self" class="nav-link">广西特产</a>
                        </li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="./index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 主要内容开始 -->
    <div class="contact-container"id="to-head">
        <!-- <div class="banner">
            <div class="banner-img">
                <img src="../image/contact.jpg" alt="">
            </div>
        </div> -->
        <div class="main-container">
            <div class="main-wrap">
                <div class="contact">
                    <div class="contact-left">
                        <h2>联系方式</h2>
                        <ul>
                            <li>地址：柳州职业技术学院</li>
                            <li>联系电话：888-888888</li>
                            <li>手机号码：888888888</li>
                            <li>邮箱：2773879894@qq.com</li>
                        </ul>
                    </div>
                    <div class="contact-right">
                        <img src="../image/map.png" alt="">
                    </div>
                </div>
                <div class="message">
                    <h2>留言</h2>
                    <ul>
                        <li>姓名：<input type="text"></li>
                        <li>电话：<input type="text"></li>
                        <li>微信：<input type="text"></li>
                        <li>邮箱：<input type="text"></li>
                    </ul>
                    <div class="item">
                        <p>留言：</p>
                        <textarea class="text"></textarea>
                    </div>
                    <div class="message-btn">提交留言</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主要内容结束 -->

    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->
    <!-- 侧边栏开始 -->
    <a href="#to-head">
        <div class="helper-wrapper">
            <div class="to-top">
                <div class="to-top-img">
                    <img src="../image/totop.svg" alt="">
                </div>
                <span class="to-top-title">顶部</span>
            </div>
        </div>
    </a>
    <!-- 侧边栏结束-->
</body>

</html>